@extends('layouts.admin')

@section('title', '管理员列表')

@section('content')
<section class="Hui-article-box">
	<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 权限控制 <span class="c-gray en">&gt;</span> 管理员列表 <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a></nav>
	<div class="Hui-article">
		<article class="cl pd-20">
			<div class="cl pd-5 bg-1 bk-gray"> <span class="l"><a class="btn btn-primary radius" href="javascript:;" onclick="admin_add('添加管理员','addAdmin','800')"><i class="Hui-iconfont">&#xe600;</i> 添加管理员</a> </span> </div>
			<div class="mt-10">
			<table class="table table-border table-bordered table-hover table-bg">
				<thead>
					<tr>
						<th scope="col" colspan="6">管理员列表</th>
					</tr>
					<tr class="text-c">
						<th width="40">ID</th>
						<th width="120">管理员账号</th>
						<th>管理员角色</th>
						<th width="200">职责描述</th>
						<th width="200">加入时间</th>
						<th width="200">最后登录时间</th>
						<th width="200">最后登录IP</th>
						<th width="200">是否禁用</th>
						<th width="300">操作</th>
					</tr>
				</thead>
				@foreach ($admins as $key)
				<tbody>
					<tr class="text-c">
						<td>{{ $key->id }}</td>
						<td>{{ $key->name }}</td>
						<td>{{ $key->title }}</td>
						<td>{{ $key->msg }}</td>
						<td>{{ date('Y-m-d H:i:s',$key->create_at) }}</td>
						<td>
							@if($key->last_at != '')
							{{ date('Y-m-d H:i:s',$key->last_at) }}
							@endif
						</td>
						<td>{{ $key->last_ip }}</td>
						<td>
							@if($key->status == 1)
								正常
							@else
								禁用
							@endif
						</td>
						
						<td class="f-14">
							<a title="修改" href="javascript:;" onclick="admin_edit('角色编辑','editAdmin',{{ $key->id }},'800')">修改</a> 
							@if($key->status == 1)
							<a title="禁用" href="javascript:;" onclick="admin_del(this, 'delAdmin',{{ $key->id }},0)" class="ml-5">禁用</a>
							@else
							<a title="启用" href="javascript:;" onclick="admin_del(this, 'delAdmin',{{ $key->id }},1)" class="ml-5">启用</a>
							@endif
						</td>
					</tr>
				</tbody>
				@endforeach
			</table>
			</div>
		</article>
	</div>
</section>
@endsection
@section('js')
<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="{{ URL::asset('/admin/lib/My97DatePicker/4.8/WdatePicker.js') }}"></script>
<script type="text/javascript" src="{{ URL::asset('/admin/lib/datatables/1.10.0/jquery.dataTables.min.js') }}"></script>
<script type="text/javascript" src="{{ URL::asset('/admin/lib/laypage/1.2/laypage.js') }}"></script>
<script type="text/javascript">
/*
	参数解释：
	title	标题
	url		请求的url
	id		需要操作的数据id
	w		弹出层宽度（缺省调默认值）
	h		弹出层高度（缺省调默认值）
*/
/*管理员-权限-添加*/
function admin_add(title,url,w,h){
	layer_show(title,url,w,h);
}
/*管理员-权限-编辑*/
function admin_edit(title,url,id,w,h){
	let urls = url+'/'+id;
	layer_show(title,urls,w,h);
}

/*管理员-权限-删除*/
function admin_del(obj,url,id,is){
	let msg = '禁用成功！';
	if(is == 1){
		msg = '启用成功！';
	}
	// alert(is);
	layer.confirm('更改管理员状态需谨慎',function(index){
		$.post(url,{'_token':'{{csrf_token()}}','id' : id,'is' : is},function(call){
			if (call == 1) {
				layer.msg(msg,{icon:1,time:1000},function(){
					//加载刷新父类页面并关闭弹窗
					window.location.reload();
				});
			} else {
				layer.msg(call,{icon:2,time:1000});
			}
		})
		
	});
}
</script>
@endsection